<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="2" width="500">
			<tr>
				<td>
					<form>
						<fieldset>
							<legend>用户名</legend>
							<label for="aaa">用户名</label>
							<input type="text" id="aaa" />
						</fieldset>
						<fieldset>
							<legend>下拉列表</legend>
							<select>
								<optgroup label="第一组">
									<option>西安</option>
									<option>西安</option>
									<option>西安</option>
									<option>西安</option>
								</optgroup>
								<optgroup label="第二组">
									<option>青岛</option>
									<option>青岛</option>
									<option>青岛</option>
									<option>青岛</option>
								</optgroup>
							</select>
						</fieldset>
						<fieldset>
							<legend>预选列表</legend>
							<input type="text" list="bbb" />
							<datalist id="bbb">
								<option value="www.baidu.com">百度</option>
								<option>码云</option>
								<option>Java</option>
							</datalist>
						</fieldset>
				</form>
				</td>
			</tr>
		</table>
	</body>
</html>
